/**
 
 @Name: layuiNetCompany - 大气风格的网络公司企业模版
 @Author: xuxingyu
 @Copyright: layui.com
 
 */


body{
    font-family: "Microsoft YaHei",'黑体',SpecialForNum, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Lantinghei SC", "Hiragino Sans GB", "WenQuanYi Micro Hei", "Microsoft Sans Serif", sans-serif;
    background: #FFF;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    overflow-x: hidden;
    color: #333333;
}

/** 首页 */

/*导航部分*/
.nav{width: 100%; height: 80px; box-shadow: 0 3px 3px 0 #CCC; background: #fff; position: fixed; left: 0; top: 0;overflow: visible; z-index: 999; transition: 0.3s}
.nav.index{ background: #fff; box-shadow: 0 0 0 0 rgba(0,0,0,0.05);}
.nav.scroll{ background: #fff; box-shadow: 0 3px 3px 0 rgba(0,0,0,0.05); transition: 0.3s}
.nav .layui-container{position: relative; transition: all 400ms ease-out;}
.nav .nav-logo{height: 100%; position: absolute; top: 0; left: 30px; line-height: 80px;}
.nav .nav-list{display: inline-block; height: 80px;}
.nav .nav-list button{width: 25px; height: 30px; position: absolute; top: 30px; right: 15px; background-color: transparent; border: none; outline: none; cursor: pointer;}
.nav .nav-list button span{display: block; width: 25px; height: 2px; background: #6B9CBA; margin-bottom: 6px; transition: 0.5s;}
.nav .nav-list button span.spa1{transform: rotate(45deg);}
.nav .nav-list button span.spa3{transform: rotate(-45deg) translate(5px,-5px);}
.nav .layui-nav{width: 100%; position: absolute; top: 80px; right: 0; color: #000; background: transparent;}
.nav .layui-nav .layui-nav-item{display: block; line-height: 60px;}
.nav .layui-nav *{font-size: 18px;}
.nav .layui-nav .layui-nav-item a{padding: 0 10px; color: #666;}
.nav .layui-nav-bar,
.nav .layui-nav .layui-this:after{height: 2px; background-color: #fff;color: #2F87F3;opacity: 1}
.nav .layui-nav .layui-this a
,.nav .layui-nav .layui-nav-item a:hover{color: #2F87F3;opacity: 1}
.layui-nav-item .layui-nav-more{
  right: -13px !important;
}
.layui-nav-item .layui-nav-child{
  top: 80px !important;
  background-color: #fff;
    color: #2F87F3;
}
.layui-nav-child.layui-anim.layui-anim-upbit.layui-show dd a{
    text-align: center;
    font-size: 16px;
    color: #666;
    opacity: 1;
}
.layui-nav-child.layui-anim.layui-anim-upbit.layui-show dd a:hover{
    background-color: #2F87F3;
    color: #fff;
    opacity: 1;
}
.layui-nav-child.layui-anim.layui-anim-upbit.layui-show dd.layui-this a{
    color: #fff;
    opacity: 1;
}

/*轮播*/
#banner img{min-width: 100%; height: 100vh;}
#banner .team img{min-width: 100%;height: 165px;}
#banner .panel{width: 400px; position: absolute; top: 25%; left: 50%; margin-left: -200px; text-align: center;}
#banner .panel p{color: #8c8c8c; font-size: 44px; line-height: 80px; letter-spacing: 15px;}
#banner .panel p.title{color: #4a4a4a; font-size: 54px; letter-spacing: 10px;}
#banner .bgbanner1{background: url(../img/10.png) no-repeat center top; background-size: cover;}
#banner .bgbanner2{background: url(../img/1.jpg) no-repeat center top; background-size: cover;}
 #banner .bgbanner3{background: url(../img/2.jpg) no-repeat center top; background-size: cover;}

/*主体—产品*/
.main-product{padding-bottom: 130px;}
/* .main-product .content p{color: #333; line-height: 28px;font-size: 20px;} */
.main-product p.title
  ,.main-company p.title
,.main-service p.title{color: #484848; font-size: 24px; text-align: center; line-height: 160px;}
.main-product p.title span
,.main-service p.title span{color: #fff;}
.main-product .content{padding: 60px 36px 0 36px; text-align: center; transition: 0.3s;box-shadow:0px 46px 115px -34px rgba(187,187,187,0.5);
    border-radius:6px;  height: 260px;}
.main-product .content p.label{font-size: 18px; color: #939393; line-height: 28px; padding-top: 6px;}
/*.main-product .content:hover{box-shadow: 0 0 3px 3px #EEE; transition: 0.3s;}*/
.main-product .content img{transition: 2s;}
.main-product .content img:hover{transform: rotateY(180deg);}


/*主体—服务于保障*/
.main-product{padding-bottom: 130px;}
/* .main-product .content p{color: #333; line-height: 28px;font-size: 20px;} */
.main-product .service-bg p.title
  ,.main-company p.title
,.main-service p.title{color: #fff; font-size: 40px; text-align: center; line-height: 160px;}
.main-product .service-bg p.title span
,.main-service p.title span{color: #fff;}
.main-product .service-bg .content{padding: 60px 36px 0 36px; text-align: center; transition: 0.3s;box-shadow:0px 46px 115px -34px rgba(187,187,187,0.5);
    border-radius:6px;  height: 260px; background-color: #fff;}
.main-product .content p.label{font-size: 18px; color: #939393; line-height: 28px; padding-top: 6px;}
/*.main-product .content:hover{box-shadow: 0 0 3px 3px #EEE; transition: 0.3s;}*/
.main-product .service-bg .content img{transition: 2s;}
.main-product .service-bg .content img:hover{transform: rotateY(180deg);}

.theme-main{
    color:#fff;font-size: 28px;
    margin: 0 20px;
}
.theme{
    color:#fff;font-size: 28px;
}
.theme-detail{
    color:#D3D3D3;font-size: 14px;
}
.service-bg{
    background: url(../img/img_index/bg2.png) no-repeat center top; background-size: cover;
}
/*公司简介*/
.main-company{padding-bottom: 15px;}
.main-company p{font-size: 14px; color: #ababab; line-height: 28px;}
.main-company .content{position: relative;margin: auto}
.main-company .content .content-img{text-align: center;}
.main-company .content .content-img img{max-width: 100%;}
.main-company .content .panel{width: 50%;}
/*.main-company .content p{width: 80%; line-height: 24px; text-align: justify;margin: auto}*/
/*.main-company .content ul{width: 80%; line-height: 24px; text-align: justify;margin: auto}*/
.main-company .content ul>li{list-style:circle !important;color: #ababab}
.main-company .p_hidden{padding: 0 20px; display: none;}

/*主体-服务*/
.main-service .content{margin: 20px 0;height: 100%;background-color: #f8f8f8}
.main-service .content .content-left{overflow: hidden;height: 100%;position: relative;}
.main-service .content .content-left .overImg{position: absolute;bottom: 0;left: 0;right: 0;padding: 20px;background-color: rgba(0,0,0,0.5);color: #fff}
.main-service .content .content-left .overImg p:first-child{font-size: 18px;line-height: 24px;}
.main-service .content .content-left .overImg p:last-child{font-size: 14px;line-height: 20px;margin-top: 4px;opacity: 0.5}
.main-service .content .content-left img{width: 100%;min-height:160px;transition:all 2s}
.main-service .content .content-left img:hover{transform: scale(1.1);-ms-transform: scale(1.1);}
.main-service .content .content-right{box-sizing: border-box; padding: 58px 40px 0 48px;overflow: hidden;height: 100%}
.main-service .content .content-right p{color: #8E8E8E; line-height: 32px; overflow: hidden; text-overflow: ellipsis;}
.main-service .content .content-right p.label{font-size: 22px; color: #4a4a4a;}
.main-service .content .content-right p.detail a{cursor: pointer}
.main-service .content .content-right .service-news{display: flex;justify-content: space-between;font-size: 14px;}
.main-service .content .content-right .service-news>div{line-height: 30px;}
.main-service .content .content-right .service-news .service-news-time{color: #8E8E8E}
.main-service .content .content-right .day{display: block; margin: 15px 0 10px;font-size: 14px;color: #929292;}
/*.main-service .content .content-right:hover{box-shadow: 2px 2px 2px #EEE; transition: 0.3s;}*/
.main-service .content .content-right>a{font-size: 12px;margin:20px 0;height: 30px;line-height: 30px}
.main-service .service-propmt{background: url("../img/img_index/bg.png") center center repeat;padding: 30px 200px;text-align: center;color: #fff;margin-top: 80px;}
.main-service .service-propmt ul{margin: 28px 0 38px;}
.main-service .service-propmt ul>li{display: inline-block;font-size: 26px;margin: 0 38px}
.main-service .service-info{display: flex;width: 100%;margin: 80px 0 20px;color: #D3D3D3}
.main-service .service-info>div{flex: 1}
.main-service .service-info>div>div{margin: 10px 0;}
.main-service .service-info span{font-size: 36px;color: #fff}

/*底部*/
.footer{padding: 40px; background: #2F6DCB;text-align: center}
.footer .footer-img{margin-bottom: 30px}
.footer .layui-container div a{line-height: 24px;color: #fff;font-size: 18px;}
.footer .layui-container p{line-height: 24px;color: #fff;margin: 10px 0 ;font-size: 16px;}
.footer .layui-container p a{line-height: 24px;color: #ddd;margin: 10px 0 ;font-size: 14px;}

/* 招聘 */
 .unselect-skill-btn,.unselect-city-btn,.unselect-nature-tip {
     display:inline-block;
     height: 46px;
     line-height: 46px;
     background: #fff;
     margin:0  16px;
     cursor: pointer;
     color: #969899;
 }
 .unselect-skill-btn:hover,.unselect-city-btn:hover,.unselect-nature-tip:hover{
     color:#1890FF;
     height: 44px;
     line-height: 44px;
     /*border-bottom:2px solid #1890FF;*/
 }
 .main-about .layui-container .main-about-label{ height:48px; display:flex; align-items: center;flex-direction: row;box-sizing: border-box}
 .main-about .layui-container .main-about-label .condition-title { min-width:100px; text-align: left;padding-right: 10px;font-family: PingFangSC-Medium;font-size: 18px;font-weight: bold;color: #333333;}
 .crumbs-tip{display: inline-block;width:100px;text-align: center;}


 /*走进篆言*/
.banner.enter{background: url(../img/enter1.png) no-repeat center center; background-size: cover;height: 370px}
 .main-enter{padding-bottom: 130px;}
 .main-enter .route{background-color:#F1F1F1; color:#6B9CBA;padding: 0 100px}
 .main-enter .route li{display: inline-block;margin: 0 20px;height: 56px;line-height: 56px;}
 .main-enter .route li a{width:100%;height: 100%;line-height: 56px;display: inline-block}
 .main-enter .route li.active a{color:#2F87F3;border-bottom: 2px solid #2F87F3}
.main-enter h1{margin: 93px auto 70px;text-align: center}

.manageArea{
    border-radius: 10px;
}
/*公司简介*/
.main-enter .tabIntro{padding-bottom: 15px;}
.main-enter .tabIntro .content{background-color: #5E6FFA;margin-bottom: 30px;overflow: hidden}
.main-enter .tabIntro .content .enterBg{overflow: hidden}
.main-enter .tabIntro .content .enterBg img{transition:all 2s}
.main-enter .tabIntro .content .enterBg img:hover{transform: scale(1.1);-ms-transform: scale(1.1);}
.main-enter .tabIntro .content .img{width: 50%;height: 400px;display: inline-block}
.main-enter .tabIntro .content .img img{width: 100%;height: 100%;display: block}
.main-enter .tabIntro .info-middle{padding:10px 20px;border-radius: 4px;}
.main-enter .tabIntro .content .panel{width: 49%;vertical-align: top;display: inline-block}
.main-enter .tabIntro .content p{padding: 0 50px; line-height: 36px;}
.main-enter .tabIntro .content .enterImg{padding: 6px 56px;display: block;text-align: left;}
.main-enter .tabIntro .content .enterImg img{display: inline-block}
.main-enter .tabIntro .content .enterImg p{display: inline-block;padding: 0 10px;color: #fff}
.main-enter .tabIntro .content .enterImg p a{display: inline-block;color: #fff}
.main-enter .tabIntro .p_hidden{padding: 0 50px; display: none;}
.main-enter .tabIntro .content .enterlink{position: absolute;left: 44px;bottom: 20px}
.main-enter .tabIntro .content .style-btn{padding: 0 34px;}
.main-enter .tabIntro .content .style-btn button{background-color: #F7B500;padding: 6px 8px;display: inline-block;color: #fff;border: none;font-size: 18px;line-height: 25px;margin: 10px}
.main-enter .tabIntro .content .tabIntro-title{margin:10px 50px 33px;font-size: 28px;}
 .main-enter .enter-btn{flex: 1}
 .main-enter .enter-btn>div{margin: auto;text-align: center;line-height: 70px}
 .main-enter .enter-btn button{padding: 4px 15px;border: none;color: #fff;margin: 0 30px}
 .main-enter .pro5{margin: 70px auto;}
 .main-enter .pro5>div{margin: auto;text-align: center;}
 .main-enter .pro6{text-align: center;width:95%;margin: auto;}
 .main-enter .pro6>div{text-align: center;margin: 10px 0}
 
    .main-enter .pro6>div>div{min-height:230px;letter-spacing: 3px;text-align:left;box-shadow: 0 5px 20px 0 #A2A2A2;width:94%;margin: auto;padding:30px;box-sizing: border-box;background-color: #fff;   border-radius: 10px;}
 .main-enter .pro6 h2{font-size: 20px}
 .main-enter .pro6 p{font-size: 12px;line-height: 17px;}
 /*发展历程*/
.main-enter .tabCour p.title{font-size: 28px; line-height: 28px; text-align: center;}
.main-enter .tabCour .timeline{position: relative; margin-top: 75px;}
.main-enter .tabCour .timeline:before{position: absolute; top: 0; bottom: 0; content: ""; width: 2px; background-color: #e2e2e2; left: 50px;}
.main-enter .tabCour .timeline li{position: relative; padding-top: 70px;}
.main-enter .tabCour .timeline li:first-child{padding-top: 0;}
.main-enter .tabCour .timeline li .cour-img{position: absolute; left: 0; width: 100px; border-radius: 50%;}
.main-enter .tabCour .timeline li .cour-img img{width: 100%;}
.main-enter .tabCour .timeline li .cour-panel{padding-top: 20px; padding-left: 120px; text-align: left;}
.main-enter .tabCour .timeline li .cour-panel p.label{font-size: 18px; color: #000;}
.main-enter .tabCour .timeline li .cour-panel p{color: #949494; line-height: 30px;}

/*经营范围*/
.banner.jingyingfanwei{background: url(../img/3.png) no-repeat center center; background-size: cover;height: 441px}
.main-fanwei{padding-bottom: 130px;}
.main-fanwei .route{height: 56px;line-height: 56px;background-color:#F1F1F1; color:#6B9CBA;padding: 0 100px}
.main-fanwei .route a{color:#6B9CBA;}
.main-fanwei .route-title{text-align: center;height: 56px;margin: 83px 0;}
.main-fanwei .route-title span{width: 56px;height: 56px;line-height:56px;font-size:36px;vertical-align:middle;text-align: center;display: inline-block;color: #fff;background-color: #F7B500;margin-right: 22px}
.main-fanwei .route-title label{font-size: 24px;line-height: 33px;color: #333}
.main-fanwei p{font-size: 14px;line-height: 21px;color: #8E8E8E;text-indent:2em}
.main-fanwei .layui-container{padding: 0 100px;}

/*企业风采*/
.banner.qiyefengcai{background: url(../img/4.png) no-repeat center center; background-size: cover;height: 441px}
.main-fengcai{padding-bottom: 130px;}
.main-fengcai h2{text-align: center;margin: 110px 0 70px;color: #333}
.main-fengcai .fengcai{height: 56px;line-height: 56px;background-color:#F1F1F1; color:#6B9CBA;padding: 0 100px}
.main-fengcai .fengcai a{color:#6B9CBA;}
.main-fengcai .content{width: 48%; text-align: center; padding-top: 20px; padding-bottom: 30px;}
.main-fengcai .content.even{margin-left: 2%;}
.main-fengcai .content .case-img{border: 1px solid #e2e2e2; overflow: hidden;}
.main-fengcai .content .case-img img{width: 100%; transition: 2s;}
.main-fengcai .content .case-img img:hover{transform: scale(1.2,1.2); transition: 2s;}
.main-fengcai .bgImg{text-align: center;overflow: hidden}
.main-fengcai .bgImg img{max-width: 100%;transition:all 2s}
.main-fengcai .bgImg img:hover{transform: scale(1.1);-ms-transform: scale(1.1);}
.main-fengcai .bgImg>div{max-width: 100%;transition:all 2s}
.main-fengcai .bgImg>div:hover{transform: scale(1.1);-ms-transform: scale(1.1);}


/** 产品 */
.banner{height: 320px; margin-top: 80px;}
.banner.product{background: url(../img/prointro1.png) no-repeat center center; background-size: cover;height: 350px;}
.banner.product .title p{color: #fff;}
.main-case{padding: 30px 0 75px 0;}
.main-case .product-button{text-align: center}
.main-case .product-button button{margin: 10px 54px 10px 10px;color: #666}
.main-case .product-button button.layui-this
,.main-case .product-button button:hover{background-color: #E4AB7A; transition: 0.3s;color: #fff;border: 1px solid #E4AB7A}
.main-case .proIntro .layui-row
,.main-case .proIntro2 .layui-row
,.main-case .proIntro3 .layui-row
,.main-case .proIntro4 .layui-row
,.main-case .proIntro5 .layui-row{margin: 90px 0;background-color: #F1F1F1}
.main-case .proIntro .layui-row .ax
,.main-case .proIntro2 .layui-row .zx
,.main-case .proIntro3 .layui-row .yx
,.main-case .proIntro4 .layui-row .yh
,.main-case .proIntro5 .layui-row .gy{text-align: center;padding: 30px 50px 20px;}
.main-case .proIntro .layui-row .ax button
,.main-case .proIntro3 .layui-row .yx button
,.main-case .proIntro4 .layui-row .yh button
,.main-case .proIntro5 .layui-row .gy button{display: inline-block;color: #fff;margin-bottom: 10px;margin-top: 20px;}
.main-case .proIntro .layui-row .ax p
,.main-case .proIntro2 .layui-row .zx p
,.main-case .proIntro3 .layui-row .yx p
,.main-case .proIntro4 .layui-row .yh p
,.main-case .proIntro5 .layui-row .gy p{font-size: 14px;color: #7E7E7E;margin-top: 40px;text-align: left;line-height: 22px;}
.main-case .proIntro2, .main-case .proIntro3,.main-case .proIntro4, .main-case .proIntro5,.main-case .proIntro6{display: none;}
.main-case .proIntro3 .layui-row .yx .yxflex{display: flex;width: 100%;padding: 20px 0}
.main-case .proIntro3 .layui-row .yx .yxflex>div{flex: 1}
.main-case .proIntro3 .yx .yxflex .yhcontent{margin-top: 20px;font-size: 20px;line-height: 33px;text-align: left;color: #7E7E7E}
.main-case .proIntro3 .yx .yxflex .yhcontent span{width:30px;height:30px;line-height:30px;margin-right: 20px;background-color: #62C59D;color: #fff;display: inline-block;text-align: center;border-radius: 2px;}
.main-case .bgImg{text-align: center;overflow: hidden}
.main-case .bgImg img{max-width: 100%;transition:all 2s}
.main-case .bgImg img:hover{transform: scale(1.1);-ms-transform: scale(1.1);}

/*我们的服务*/
.banner{height: 320px; margin-top: 80px;}
.banner.service{background: url(../img/img_index/service-banner.png) no-repeat center center; background-size: cover;}
.main.service{padding: 75px 0;}
.banner.service .title p{color: #fff;}
.main.service h1{margin: 92px auto 42px;text-align: center}
.main.service .proshowText{text-align: center;box-shadow:0 46px 115px -34.5px #BFBFBF;padding: 40px;min-height: 258px ;}
.main.service .proshowText label{display: block;color: #051E5D;}
.main.service .proshowText p{font-size: 12px;color: #AEA9B5;line-height: 20px;padding-top: 20px}
 .main.service .pro5{text-align: center;width: 80%;margin: auto;}
 .main.service .pro5>div{text-align: center;margin: 10px 0}
 .main.service .pro5>div>div{box-shadow: 0 46px 115px -34.5px #BFBFBF;width:80%;margin: auto;padding: 40px;box-sizing: border-box;color: #fff;height:244px}
 .main.service .pro6{text-align: center;width: 80%;margin: auto;}
 .main.service .pro6>div{text-align: center;margin: 10px 0}
 .main.service .pro6>div>div{min-height:230px;letter-spacing: 3px;text-align:left;box-shadow: 0 46px 115px -34.5px #BFBFBF;width:80%;margin: auto;padding: 40px;box-sizing: border-box;background-color: #fff}
 .service-line{
     height: 4px;
     width: 66px;
     background-color: #F55252;
     display: inline-block;
 }

/*我们的优势*/
.banner{height: 320px; margin-top: 80px;}
.banner.advantage{background: url(../img/advantage1.png) no-repeat center center; background-size: cover;}
.main.advantage{padding: 30px 0 0 0;}
.banner.advantage .title p{color: #fff;}
 .main.advantage h1{margin: 92px auto 42px;text-align: center}
 .main.advantage .proshowText{text-align: center;box-shadow:0 46px 115px -34.5px #BBBBBB;padding: 40px;min-height: 258px}
 .main.advantage .proshowText label{display: block;color: #051E5D;}
 .main.advantage .proshowText p{font-size: 12px;color: #AEA9B5;line-height: 20px;padding-top: 20px}
 .main.advantage .pro5{text-align: center;}
 .main.advantage .pro5>div{text-align: center;margin: 10px 0}
 .main.advantage .pro5>div>div{background-color: #fff;box-shadow: 0 46px 115px -34.5px #BFBFBF;width:50%;margin: auto;padding: 40px;box-sizing: border-box}

/*展望未来*/
.banner{height: 320px; margin-top: 80px;}
.banner.future{background: url(../img/8.png) no-repeat center center; background-size: cover;height: 351px;}
.main-future{margin: 75px 0;}
.banner.future .title p{color: #fff;}
.main-future h1{text-align: center}
.main-future h2{text-align: center;margin-bottom: 76px}
.main-future p{line-height: 20px;font-size: 14px;margin: 40px 0;color:#8E8E8E}

/*核心技术*/
.banner.technology{background: url(../img/tech1.png) no-repeat center center; background-size: cover;height: 350px}
.main-technology{padding-bottom: 130px;}
.main-technology h1{padding: 63px 0 70px;text-align: center}
.main-technology .content{padding: 50px 0;}
.main-technology .content .content-img{text-align: center;overflow: hidden}
.main-technology .content .content-img img{max-width: 100%;transition:all 2s}
.main-technology .content .content-img img:hover{transform: scale(1.1);-ms-transform: scale(1.1);}
.main-technology .content .label{color: #565656; font-size: 36px; line-height: 50px; margin: 32px 0 60px;text-align: center}
.main-technology .content .detail{font-size: 16px; line-height: 28px; color: #999; padding:0 20px 30px 20px;}
.main-technology .content a{color: #a0d2cc; font-size: 16px; line-height: 38px; padding:10px 11px 10px 23px; border: 1px solid #a0d2cc; border-radius: 3px;}


/** 新闻 */
.banner.news{background: url(../img/7.png) no-repeat center center; height:421px; background-size: cover;}
.banner .title{padding-top: 170px;}
.banner .title.active{padding-top: 120px; transition: 1.5s;}
.banner .title p{color: #606060; font-size: 36px; text-align: center; line-height: 50px; letter-spacing: 5px;}
.banner .title p.en{font-size: 20px; letter-spacing: 3px;}
.banner.news .title{text-align: center}
.banner.news .title img{margin-bottom: 10px}
.banner.news .title p:last-child{background: #F7F7F7;opacity:0.5;display:inline-block;padding:0 60px;color: #737373;font-size: 18px;margin: 30px auto 0}
/*.main-news{padding: 70px 0 80px 0;}*/
/*.main-news .content {position: relative;}*/
/*.main-news .content .news-img{display: inline-block; width: 50%; vertical-align: top;}*/
/*.main-news .content .news-img img{max-width: 90%;}*/
.main-news h2{text-align: center;margin: 87px 0 71px}
.main-news .content .news-panel{display: inline-block; width: 70%; vertical-align: top; padding-left: 5px; box-sizing: border-box;}
.main-news .content .news-panel strong a{display: block; color: #555; font-size: 18px; line-height: 26px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
/*.main-news .content .news-panel p.detail{color: #777; line-height: 24px;}*/
/*.main-news .content .news-panel p.read-push{color: #AAA; padding-top: 5px;}*/
/*.main-news #newsPage .layui-laypage{display: block; text-align: center; margin-top: 70px;}*/
/*.main-news #newsPage .layui-laypage a,.main-news #newsPage .layui-laypage span{font-size: 18px; line-height: 40px; height: 40px; margin-right: 20px; border-radius: 3px; color: #e3e3e3;}*/
/*动态详情页*/
.main-newsdate{padding-bottom:130px;text-align: center;}
.main-newsdate .news{text-align: left; line-height: 104px;color: #6B9CBA}
.main-newsdate .news a{text-align: left; line-height: 104px;color: #6B9CBA}
.main-newsdate h1{padding-top: 6px;}
.main-newsdate h2{padding-top: 20px;text-align: left;font-weight: bolder;text-indent:2em;line-height: 24px;font-size: 18px;}
.main-newsdate h2 span{width: 4px;height: 24px;line-height:24px;background-color: #F68C22;display: inline-block;vertical-align: middle;margin-right: 10px}
.main-newsdate .pushtime{color: #686868; font-size: 15px;margin: 50px 0}
.main-newsdate .pushtime p{line-height: 30px;}
.main-newsdate .introTop{padding-bottom: 28px; font-size: 18px; line-height: 20px; text-align: left;}
.main-newsdate .introBott{font-size: 16px;text-indent:2em; line-height: 42px; text-align: justify; padding-top: 20px;color: #7E7E7E}
.main-newsdate img{width: 70%;margin: 20px 0;}
#post_brief {
    color: #6D6D6D;
    margin-top: 20px;
    line-height: 28px;
    font-size: 16px;
    word-wrap: break-word;
    overflow: hidden;
    background: #F6FAFF;
    padding: 20px 40px;
    border-radius: 5px;
    word-break: normal;
    text-align: left;
}
.main-newsdate .italic{font-style: italic;text-align: left;margin: 30px 40px;line-height: 30px;}
.main-newsdate b{color: #333}
.main-newsdate .blockquote {
    padding: 20px 20px 20px 45px !important;
    font-size: 14px;
    color: #9B9B9B;
    line-height: 24px;
    background: #F9FCFF;
    text-align: left;
    text-indent: 32px;
    margin-top: 40px !important;
    margin-bottom: 40px !important;
    position: relative;
}
.main-newsdate .blockquote>img{position: absolute;width: 40px;height: 33px;top: -30px;left: 20px;}
.main-newsdate .blockquote>p{font-size: 16px;line-height: 32px;overflow: hidden;margin-bottom: 32px;color: #7E7E7E;word-wrap: break-word;word-break: normal;}

#layui-layer1{width: 100vw;top:0;left: 0;overflow-y: auto;right: 0;bottom: 0;}

.main-news .content{position: relative;margin: 20px 0}
.main-news .content .content-left{width: 50%;overflow: hidden}
.main-news .content .content-left img{width: 100%;min-height:160px;display: block;transition:all 2s}
.main-news .content .content-left img:hover{transform: scale(1.1);-ms-transform: scale(1.1);}
.main-news .content .content-right{background-color:#F1F1F1;box-sizing: border-box; padding: 38px 30px 0 30px; width: 50%; height: 100%; position: absolute; top: 0; right: 0;transition: 0.3s; overflow: hidden;}
.main-news .content .content-right p{color: #8E8E8E; line-height: 32px; text-overflow: ellipsis;}
.main-news .content .content-right p.label{font-size: 24px; color: #4a4a4a;}
.main-news .content .content-right span{display: block; margin: 15px 0;font-size: 14px;color: #929292;}
.main-news .content .content-right:hover{box-shadow: 2px 2px 2px #EEE; transition: 0.3s;}
.main-news .content .content-right>a{font-size: 12px;position: absolute;bottom: 20px;height: 30px;line-height: 30px }
.main-news .content.center{text-align: center; padding-top: 20px; padding-bottom: 63px;}
.main-news .content.even{text-align: center; padding-top: 20px; padding-bottom: 63px;}
.main-news .content .case-img{border: 1px solid #e2e2e2; overflow: hidden;}
.main-news .content .case-img img{width: 100%; transition: 2s;}
.main-news .content .case-img img:hover{transform: scale(1.2,1.2); transition: 2s;}
.main-news .content.even{width: 31%;margin-left: 0;}
.main-news .content.center{width: 31%;margin-right: 2%; margin-left: 2%;}
.main-news .doing>div{margin: 10px 0}
.main-news .doing img{width: 100%}
.main-news .doing .inImg{overflow: hidden}
.main-news .doing .inImg img{transition: all 2s}
.main-news .doing .inImg img:hover{transform: scale(1.1);-ms-transform: scale(1.1);}
.main-news .doing h3{margin-top: 29px}
.main-news .doing p:last-child{line-height: 21px;padding:20px 0 54px;color: #8E8E8E}

/*动态*/
.main-dynamic{padding-bottom: 130px;margin-top:80px}
.main-dynamic .route{height: 56px;line-height: 56px;background-color:#F1F1F1; color:#6B9CBA;padding: 0 100px}
.main-dynamic .route a{color:#6B9CBA;}
.main-dynamic h2{margin: 31px 0 35px}
/*.main-dynamic .dy-main{display: flex;justify-content: space-between;border-bottom: 1px solid #E4E4E4;padding: 10px 0;cursor: pointer}*/
/*.main-dynamic .dy-main .dy-main-left span:first-child{background-color:#F7B500;color: #fff;border-radius: 2px;font-size: 14px;line-height: 20px;margin-right: 17px;padding: 2px 5px;}*/
/*.main-dynamic .dy-main .dy-main-left span:last-child{font-size: 14px;line-height: 20px;color: #666}*/
/*.main-dynamic .dy-main .dy-main-right span{font-size: 12px;line-height: 17px;color: #999}*/
.main-dynamic #newsPage{margin-top: 50px;text-align: center}


.main-dynamic{padding-bottom: 130px;margin-top:80px}
.main-dynamic .route{height: 56px;line-height: 56px;background-color:#F1F1F1; color:#6B9CBA;padding: 0 100px}
.main-dynamic .route a{color:#6B9CBA;}
.main-dynamic h2{margin: 31px 0 35px}
 .main-dynamic .dy-main{display: flex;background:#F1F1F1; cursor: pointer;margin-bottom:20px;border-radius: 5px}
 .main-dynamic .dy-main img {width:144px;height:118.8px}
 .main-dynamic .dy-main .dy-main-right {margin:0 24px; }
 .main-dynamic .dy-main .dy-main-right hr{margin: 12px 0;}
 .main-dynamic .dy-main .dy-main-right  span:first-child{ overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;padding-top:19.2px;font-family: PingFangSC-Medium;font-size: 15.6px;font-weight: bold;color: #000000;}
 .main-dynamic .dy-main .dy-main-right span:last-child{display: block; font-size: 12px;line-height: 12px;color: #666666;font-family: STYuanti-TC-Light; font-weight: normal;}

/*.main-dynamic .dy-main{display: flex;justify-content: space-between;border-bottom: 1px solid #E4E4E4;padding: 10px 0;cursor: pointer}*/
/*.main-dynamic .dy-main .dy-main-left span:first-child{background-color:#F7B500;color: #fff;border-radius: 2px;font-size: 14px;line-height: 20px;margin-right: 17px;padding: 2px 5px;}*/
/*.main-dynamic .dy-main .dy-main-left span:last-child{font-size: 14px;line-height: 20px;color: #666}*/
/*.main-dynamic .dy-main .dy-main-right span{font-size: 12px;line-height: 17px;color: #999}*/
.main-dynamic #newsPage{margin-top: 50px;text-align: center}

 .main-dynamic > #recruitmentPage{margin-top: 50px;text-align: center}

/*公司活动*/
.main-activity{padding-bottom: 130px;margin-top:80px}
.main-activity .route{height: 56px;line-height: 56px;background-color:#F1F1F1; color:#6B9CBA;padding: 0 100px}
.main-activity .route a{color:#6B9CBA;}
.main-activity h2{margin: 31px 0 35px}
.main-activity .ac-main{display: flex;justify-content: space-between;border-bottom: 1px solid #E4E4E4;padding: 10px 0;}
.main-activity .ac-main .ac-main-left span:first-child{background-color:#F7B500;color: #fff;border-radius: 2px;font-size: 14px;line-height: 20px;margin-right: 17px;padding: 2px 5px;}
.main-activity .ac-main .ac-main-left span:last-child{font-size: 14px;line-height: 20px;color: #666}
.main-activity .ac-main .ac-main-right span{font-size: 12px;line-height: 17px;color: #999}
.main-activity #newsPage2{margin-top: 50px;text-align: center}

/*行业动态*/
.main-industrydy{padding-bottom: 130px;margin-top:80px}
.main-industrydy .route{height: 56px;line-height: 56px;background-color:#F1F1F1; color:#6B9CBA;padding: 0 100px}
.main-industrydy .route a{color:#6B9CBA;}
.main-industrydy h2{margin: 31px 0 35px}
.main-industrydy .in-main{cursor:pointer;display: flex;justify-content: space-between;border-bottom: 1px solid #E4E4E4;padding: 10px 0;}
.main-industrydy .in-main .in-main-left span:first-child{background-color:#F7B500;color: #fff;border-radius: 2px;font-size: 14px;line-height: 20px;margin-right: 17px;padding: 2px 5px;}
.main-industrydy .in-main .in-main-left span:last-child{font-size: 14px;line-height: 20px;color: #666}
.main-industrydy .in-main .in-main-right span{font-size: 12px;line-height: 17px;color: #999}
.main-industrydy #newsPage3{margin-top: 50px;text-align: center}

 /* !*  支持与下载 *!*/
 .banner.supportDownload{background: url(../img/support.png) no-repeat center center; height:421px; background-size: cover;}
 .banner.supportDownload .title{text-align: center}
 .banner.supportDownload .title img{margin-bottom: 10px}
 /*.banner.supportDownload .title p:last-child{background: #F7F7F7;opacity:0.5;display:inline-block;padding:0 60px;color: #737373;font-size: 18px;margin: 30px auto 0}*/
 .main-dynamic .support-main{display:flex;justify-content: space-between; border-bottom: 1px solid #E4E4E4;padding: 10px 0;cursor: pointer}
 .main-dynamic .support-main .support-main-left span:first-child{background-color:#F7B500;color: #fff;border-radius: 2px;font-size: 14px;line-height: 20px;margin-right: 17px;padding: 2px 5px;}
 /*.main-dynamic .support-main .support-main-left span:last-child{font-size: 14px;line-height: 20px;}*/
 .main-dynamic .support-main .support-main-right{ display:flex;justify-content: space-between}
 /*.main-dynamic .support-main .support-main-right span{font-size: 14px;line-height: 17px;}*/
 .download-instructions{}
 .download-instructions-btn{text-indent:0;float: right;clear:both;text-decoration: underline;font-size: 14px;font-weight: 500;color: #5446e6
 }

/** 案例 */
.banner.case{background: url(../img/9.png) no-repeat center center; background-size: cover;}
.banner.case .title p{color: #fff;}
.main.product{padding-bottom: 130px}
.main.product .proshowText{text-align: center;box-shadow:0 46px 115px -34.5px #BFBFBF;padding: 40px;min-height: 200px;}
.main.product .proshowText label{display: block;color: #051E5D;}
.main.product .proshowText p{font-size: 12px;color: #AEA9B5;line-height: 20px;padding-top: 20px}
.main.product .proBg{overflow: hidden}
.main.product .proBg img{transition:all 2s}
.main.product .proBg img:hover{transform: scale(1.1);-ms-transform: scale(1.1);}
.main.product h1{margin: 92px auto 42px;text-align: center}
.main.product .proshow{text-align: center;margin: 20px 0;}
.main.product .content .label{text-align: center;font-size: 26px;line-height: 37px;color: #333}
.main.product .content .detail{font-size: 14px;line-height: 20px;color: #ababab;margin: 30px 0;}
.main.product .content .right{padding: 20px 50px}
.main.product .item3{position:relative;cursor:pointer;overflow:hidden;}
.main.product .item3 h2{height:40px;line-height:40px;color: #939393;text-align: center;font-size: 18px;}
.main.product .item3 div{position:absolute;width:0;height:0;background:url(../img/demo02.png) repeat;overflow:hidden;_zoom:1;}
.main.product .item3 .cornerTL{left:5%;top:0;}
.main.product .item3 .cornerTR{right:5%;top:0;}
.main.product .item3 .cornerBL{left:5%;bottom:0;}
.main.product .item3 .cornerBR{right:5%;bottom:0;}
.main.product .item3 dl{position:absolute;top:45%;left:5%;width:90%;display:none;transform: translateY(-50%)}
.main.product .item3 dt{height:40px;width:90%;line-height:40px;text-align:center;color:#FFF;margin-top: 20px}
.main.product .item3 dd{padding:0 12px;width:90%;line-height:20px;text-indent:2em;color:#FFF;font-size:14px;text-align: left}
.main.product .pro5{margin: auto}
.main.product .pro5>div{margin: auto;background-color: #fff;padding:30px;text-align: center;border-radius: 5px;width: 85px;height: 85px;box-shadow: 0 46px 115px -34.5px #BFBFBF}
.main.product .pro6{margin: auto}
.main.product .pro6>div{margin: auto;text-align: center;}
 .main.product .pro6>div>div{box-sizing: border-box;background-color: #fff;padding:20px;text-align: left;border-radius: 5px;width: 94%;min-height: 290px;box-shadow: 0 46px 115px -34.5px #BFBFBF;margin: 10px auto;min-height: 400px;}
 .main.product .pro6>div p{font-size: 12px;line-height: 20px;color: #B0ABB7}
.main.product .pro6>div h3{margin-bottom: 10px}

  /** 关于团队 */
.banner.about{background: url(../img/join/join1.png) no-repeat center center;height: 421px; background-size: cover;}
.banner.about .title{text-align: center}
.banner.about .title p{color: #fff;}
.banner.about .title img{margin-bottom: 10px}
.banner.about .title p:last-child{background: #F7F7F7;opacity:0.5;display:inline-block;padding:0 20px;color: #737373;font-size: 18px;margin: 30px auto 0}
.main-about h1{text-align: left;margin: 76px 0}

.main-about{padding-bottom: 130px;}
.main-about .left{color: #161616;font-size: 28px;line-height: 40px;text-align: left;}
.main-about .left button{background-color: #F7B500;padding: 13px 54px;display: block;border: none;color: #fff;margin: 53px auto;font-size: 20px;line-height: 28px;}
.main-about .right{padding: 65px;box-sizing: border-box}
.main-about .right p:first-child{color: #6B9CBA;font-size: 36px;line-height: 50px;text-align: left}
.main-about .right p:nth-child(2){color: #666;font-size: 20px;line-height: 28px;text-align: left;margin: 10px 0 73px}
.main-about .right p:last-child{color: #8E8E8E;font-size: 16px;line-height: 28px;}
/*.main-about .content{width: 48%; text-align: center; padding-top: 20px; padding-bottom: 63px;}*/
/*.main-about .content.even{margin-left: 2%;}*/
/*.main-about .content .case-img{overflow: hidden;}*/
/*.main-about .content .case-img img{width: 50%;height: 261px; transition: 2s;}*/
/*.main-about .content .case-img img:hover{transform: scale(1.2,1.2); transition: 2s;}*/
/*.main-about .content p:last-child{margin: 14px 0 10px;font-size: 16px; color: #ABABAB;}*/
/*.main-about .content .case-img.members img{width: 140px;height: 140px;border-radius: 50%}*/
/*.main-about .content .case-img.members{border: none}*/

 .fl{
     width: 278px;
     height: 171px;
     border-radius: 85px;
     background: #F0F3FA;
     text-align: center;
     padding:40px 0;
     box-sizing: border-box;
 }
 .fl > p {
     margin-top:10px;
 }

/*.fl1{*/
/*    width:175px;*/
/*    height:100px;*/
/*    background:rgba(29,156,162,1);*/
/*    border-radius:6px;*/
/*    text-align: center;*/
/*    color: #fff;*/
/*    padding-top: 20px;*/
/*}*/

/*.fl2{*/
/*    width:175px;*/
/*    height:100px;*/
/*    background:#1995DF;*/
/*    border-radius:6px;*/
/*    text-align: center;*/
/*    color: #fff;*/
/*    padding-top: 20px;*/

/*}*/

/*.fl3{*/
/*    width:175px;*/
/*    height:100px;*/
/*    background:#E17E81;*/
/*    text-align: center;*/
/*    border-radius:6px;*/
/*    color: #fff;*/
/*    padding-top: 20px;*/

/*}*/

/*.fl4{*/
/*    width:175px;*/
/*    height:100px;*/
/*    background:#D2A535;*/
/*    border-radius:6px;*/
/*    text-align: center;*/
/*    color: #fff;*/
/*    padding-top: 20px;*/

/*}*/

/*.fl5{*/
/*    width:175px;*/
/*    height:100px;*/
/*    background:#20A9D1;*/
/*    border-radius:6px;*/
/*    text-align: center;*/
/*    color: #fff;*/
/*    padding-top: 20px;*/

/*}*/

.join-banner{
    width: 100%;
}

.provide1{
    width: 220px;
    height: 380px;
    border-radius: 298px;
    background: #F0F3FA;
    padding:0 20px;
    box-sizing: border-box;
    text-align: center;
}
.provide1 > .serialNumber{
    font-family: SourceHanSansCN-Medium;
    font-size: 72px;
    font-weight: 500;
    line-height: 80px;
    letter-spacing: 0px;
    color: #406CC4;
    padding:40px 0;
}
.provide1 > .title{
     font-family: SourceHanSansCN-Medium;
     font-size: 16px;
     font-weight: 500;
     line-height: 28px;
     letter-spacing: 0px;
     color: #406CC4;
     margin:20px 0 16px 0;
 }
.provide1 > .tip{
     font-family: SourceHanSansCN-Medium;
     font-size: 16px;
     font-weight: 500;
     line-height: 28px;
     letter-spacing: 0px;
     color: #999999;
 }


     /** 应聘 */
.banner.application{background: url(../img/6.png) no-repeat center center;height: 700px; background-size: cover;}
.banner.application .title{text-align: center}
.banner.application .title img{margin-bottom: 10px}
/*.banner.application .title p:last-child{background: #F7F7F7;display:inline-block;padding:0 100px;color: #737373;font-size: 18px;margin: 30px auto 0}*/
.main-application{padding-bottom: 100px}
.main-application h1{text-align: center;margin: 76px 0}
.main-application .introflex{width: 100%;margin-bottom: 50px;}
.main-application .introflex>div{width: 49%;margin-top: 20px;vertical-align: top;padding: 0 10px;box-sizing: border-box}
.main-application .introflex>div>p{font-size: 14px;line-height: 22px;color: #8E8E8E}
.main-application .content{width: 30%;padding: 18px 0;text-align: center}
.main-application .content.s4{width: 30%;padding: 18px 0;text-align: center}
.main-application .content .fund{color: #fff;background-color: #817DE7;border-radius: 50%;width:150px;height: 150px;}
.main-application .content .reward{color: #fff;background-color: #E7A37D;border-radius: 50%;width:120px;height: 120px;}
.main-application .content .subsidy{color: #fff;background-color: #12BA83;border-radius: 50%;width:100px;height: 100px;}
.main-application .content .welfare{color: #fff;background-color: #E77D90;border-radius: 50%;width:140px;height: 140px;}
.main-application .content .festival{color: #fff;background-color: #2581BB;border-radius: 50%;width:130px;height: 130px;}
.main-application .content .evection{color: #fff;background-color: #2581BB;border-radius: 50%;width:120px;height: 120px;}


/*疫情*/
 .banner.fangyi{background: url(../img/yiqing/banner.png) no-repeat center center; background-size: cover;height: 450px;}
 .main.fangyi h1{margin: 93px auto 70px;text-align: center}
 .main.fangyi .pro5>div{text-align: center}
 .main.fangyi .pro5>div>div{text-align: center;margin-top: 10px}
 .main.fangyi .pro6>div{text-align: center}
 .main.fangyi .pro6>div>div{text-align: center;background-color: #E6EDFA;width: 90%;padding: 20px;box-sizing:border-box;border-radius: 5px;margin:10px auto}
 .main.fangyi .pro6 button{background-color: #547BEF;color: #fff;border-radius: 30px;padding: 6px 16px;border: none;margin-bottom: 14px}
 .main.fangyi .pro6 p{font-size: 14px;line-height: 20px;color: #7E7E7E}
 .main.fangyi .content{padding: 50px 0;}
 .main.fangyi .content .content-img{text-align: center;overflow: hidden}
 .main.fangyi .content .content-img img{max-width: 100%;transition:all 2s}
 .main.fangyi .content .content-img img:hover{transform: scale(1.1);-ms-transform: scale(1.1);}
 .main.fangyi .content .label{color: #565656; font-size: 36px; line-height: 50px; margin: 32px 0 60px;text-align: center}
 .main.fangyi .content .detail{font-size: 16px; line-height: 28px; color: #999; padding:0 20px 30px 20px;}
 .main.fangyi .content .right p{padding: 40px;color: #7E7E7E}
 .main.fangyi .skew{margin: 93px auto 70px;width:300px;height:40px;background:#E82C53;color:#fff;
     font-size:20px;line-height:40px;text-align:center;transform: skew(-15deg);}
 .main.fangyi .skew-main{transform: skew(15deg);}
 .main.fangyi p{letter-spacing: 3px}

/*了解更多*/
.btnbtn{
    position: relative;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale
}
.btnbtn:focus {
    outline: none;
    border: none;
}
.button--moema {
    -webkit-transition: background-color 0.3s, color 0.3s;
    transition: background-color 0.3s, color 0.3s;
}
.button--moema.button--inverted {
    background: #fff;
    color: #37474f;
}
.button--moema::before {
    content: '';
    position: absolute;
    top: -20px;
    left: -13px;
    bottom: -20px;
    right: -13px;
    background: inherit;
    border-radius: 100px;
    z-index: -1;
    opacity: 0.4;
    /*color: #fff;*/
    /*background-color: #fff;*/
    -webkit-transform: scale3d(0.8, 0.5, 1);
    transform: scale3d(0.8, 0.5, 1);
}
.button--moema:hover {
    -webkit-transition: background-color 0.1s 0.3s, color 0.1s 0.3s;
    transition: background-color 0.1s 0.3s, color 0.1s 0.3s;
    color: #fff !important;
    background-color: #6B9CBA;
    -webkit-animation: anim-moema-1 0.3s forwards;
    animation: anim-moema-1 0.3s forwards;
}
.button--moema.button--inverted:hover {
    color: #fff;
    background-color: #6B9CBA;
}
.button--moema:hover::before {
    -webkit-animation: anim-moema-2 0.3s 0.3s forwards;
    animation: anim-moema-2 0.3s 0.3s forwards;
}
@-webkit-keyframes anim-moema-1 {
    60% {
        -webkit-transform: scale3d(0.8, 0.8, 1);
        transform: scale3d(0.8, 0.8, 1);
    }
    85% {
        -webkit-transform: scale3d(1.1, 1.1, 1);
        transform: scale3d(1.1, 1.1, 1);
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}
@keyframes anim-moema-1 {
    60% {
        -webkit-transform: scale3d(0.8, 0.8, 1);
        transform: scale3d(0.8, 0.8, 1);
    }
    85% {
        -webkit-transform: scale3d(1.1, 1.1, 1);
        transform: scale3d(1.1, 1.1, 1);
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}
@-webkit-keyframes anim-moema-2 {
    to {
        opacity: 0;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}
@keyframes anim-moema-2 {
    to {
        opacity: 0;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}



@media screen and (max-width: 480px){
  .nav{overflow: hidden}
    #banner .bgbanner1{background: url(../img/11.jpg) no-repeat center center; background-size: cover;}
    #banner .bgbanner2{background: url(../img/01.jpg) no-repeat center top; background-size: cover;}
    #banner .bgbanner3{background: url(../img/2.jpg) no-repeat center top; background-size: cover;}
    .main-service .content .content-right{padding: 10px 10px 0 10px;}
  .main-service .content .content-right p{line-height: 24px;}
  .main-news .content .news-panel p.read-push{font-size: 12px;}
  .main-fengcai .content{padding-top: 20px;}
  .main-about .content{padding-top: 60px;}
  .main-about .content p.lable{padding-top: 10px; font-size: 18px; line-height: 48px;}
  .main-about .content p{font-size: 12px; line-height: 20px; color: #505050;}
  .main-about .content .case-img img{width: 100%;}
  .main-application .content{width: 49%;padding: 18px 0;text-align: center}
  .main-application .content.s4{width: 49%;padding: 18px 0;text-align: center}
  .main-application .introflex>div{width: 100%;margin-top: 20px}
  .main-news .content.even{width: 46%;margin-left: 0;}
  .main-news .content.center{width: 46%;margin-right: 2%; margin-left: 2%;}
    .main-enter .tabIntro .content .img{width: 100%;height: 400px;}
  /*.main-about ul.aboutab{padding: 70px 0;}*/
  /*.main-about ul.aboutab li{padding: 0 15px; font-size: 16px; box-sizing: border-box;}*/
  /*.main-about .tabIntro .content .img{width: 100%;}*/
  /*.main-about .tabIntro .content .panel{width: 100%;}*/
  /*.main-about .tabIntro .content .panel.p_block{display: none;}*/
  /*.main-about .tabIntro .p_hidden{display: block;}*/
  .main-news #newsPage .layui-laypage a,.main-news #newsPage .layui-laypage span {padding: 0 12px; font-size: 14px; line-height: 30px; height: 30px; margin-right: 4px;}
    #pictureViewer .picture-content .cover{
        position: absolute;
        margin: auto;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%;
    }
    #pictureViewer > .content{
        background-color: #fff;
        position: absolute;
        width: 100vw;
        height: 100vh;
        margin: auto;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    }
    .main-enter .tabIntro .content .panel{width: 100%}
    .main-service .service-propmt{padding: 30px 20px;}

    .provide1{
        width: 165px;
        height: 285px;
        border-radius: 223.5px;
        background: #F0F3FA;
        padding:0 15px;
        box-sizing: border-box;
        text-align: center;
    }
    .provide1 > .serialNumber{
        font-family: SourceHanSansCN-Medium;
        font-size: 54px;
        font-weight: 500;
        line-height: 60px;
        letter-spacing: 0px;
        color: #406CC4;
        padding:30px 0;
    }
    .provide1 > .title{
        font-family: SourceHanSansCN-Medium;
        font-size: 16px;
        font-weight: 500;
        line-height: 28px;
        letter-spacing: 0px;
        color: #406CC4;
        margin:20px 0 16px 0;
    }

    .provide1 > .tip{
        font-family: SourceHanSansCN-Medium;
        font-size: 12px;
        font-weight: 500;
        line-height: 21px;
        letter-spacing: 0px;
        color: #999999;
    }

    .fl{
        width: 166.8px;
        height: 102.6px;
        border-radius: 51px;
        background: #F0F3FA;
        text-align: center;
        padding:24px 0;
        box-sizing: border-box;
    }
    .fl > img{
        width:33px;
        height:33px;
    }
    .fl > p {
        margin-top:6px;
    }
    .main-about .layui-container .main-about-label{ height:100px; display:flex; align-items: center;flex-direction: row;box-sizing: border-box}

}
@media screen and (max-width: 768px) and (min-width: 480px){
    .main-enter .tabIntro .content .img{width:100%;height: 400px;}
    .nav{overflow: hidden}
    #banner .bgbanner1{background: url(../img/11.jpg) no-repeat center top; background-size: cover;}
    #banner .bgbanner2{background: url(../img/01.jpg) no-repeat center top; background-size: cover;}
    #banner .bgbanner3{background: url(../img/2.jpg) no-repeat center top; background-size: cover;}
    #pictureViewer .picture-content .cover{
        position: absolute;
        margin: auto;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%;
    }
    #pictureViewer > .content{
        background-color: #fff;
        position: absolute;
        width: 100vw;
        height: 100vh;
        margin: auto;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    }
    .main-enter .tabIntro .content .panel{width: 100%}
    .main-service .service-propmt{padding: 30px 20px;}

    .fl{
        width: 222.4px;
        height: 136.8px;
        border-radius: 68px;
        background: #F0F3FA;
        text-align: center;
        padding:32px 0;
        box-sizing: border-box;
    }
    .fl > img{
        width:44px;
        height:44px;
    }
    .fl > p {
        margin-top:8px;
    }
    .main-about .layui-container .main-about-label{ height:100px; display:flex; align-items: center;flex-direction: row;box-sizing: border-box}

}


/*小屏幕*/
@media screen and (min-width: 768px){
  /*.nav{max-height: 80px;}*/
  /*.nav.index{ background: #6B9CBA;;}*/
  /*.nav .nav-list button{display: none;}*/
  /*.nav .layui-nav{width: auto; position: absolute; top: 0; padding: 0 10px; border-radius: 0; margin: 0;}*/
  /*.nav .layui-nav .layui-nav-item{display: inline-block; margin:0 20px; line-height: 80px;font-size: 14px}*/
  .main-product p.title
    ,.main-company p.title
  ,.main-case p.title
  ,.main-service p.title{font-size: 36px; line-height: 160px;}
  .main-case .content .content-img{text-align: left;}
  .main-news .content .news-panel strong a{font-size: 20px; line-height: 30px;}
  .main-news .content .news-panel p.read-push{padding-top: 0; position: absolute; bottom: 40px;}
  /*.main-newsdate .pushtime{line-height: 142px;}*/
  .main-about .content{width: 45%;}
  .main-about .content.even{margin-left: 9%;}
  .main-fengcai .content{width: 45%;}
  .main-fengcai .content.even{margin-left: 9%;}  .main-enter .tabIntro .content .img{width:100%;height: 400px;}
  /*.main-about .content .case-img img{width: 100%;}*/
  /*.main-about ul.aboutab li{padding: 0 32px; font-size: 24px; margin-left: 30px; line-height: 50px;}*/
  /*.main-about .tabIntro .content p{padding: 0 30px; font-size: 18px; line-height: 30px;}*/
  /*.main-about .tabJob .content p{font-size: 24px; line-height: 50px;}*/
  /*.main-about .tabJob .content p.title{font-size: 30px; line-height: 90px;}*/
  /*.main-about .tabJob .content ol li{font-size: 20px; line-height: 60px;}*/
  /*.main-about .tabCour .timeline:before{left: 50%;}*/
  /*.main-about .tabCour .timeline li{min-height: 195px; padding-top: 95px;}*/
  /*.main-about .tabCour .timeline li .cour-img{left: 50%; margin-left: -97.5px; width: 195px;}*/
  /*.main-about .tabCour .timeline li .cour-panel{padding-top: 55px; padding-left: 0;}*/
  /*.main-about .tabCour .timeline li.odd .cour-panel{text-align: right;}*/



}
/*ipad*/
@media screen and (min-width: 768px) and (max-width: 992px){
  .main-case .content div.right{padding-left: 20px;}
  /*.nav .layui-nav .layui-nav-item{margin:0 23px;font-size: 14px}*/
  .main-service .content .content-right{padding: 10px 10px 0 15px;}
  .main-service .content .content-right .day{margin-bottom: 10px;}
  .main-service .content .content-right p{line-height: 28px;}
  .main-case .content .label{line-height: 40px; margin-top: 0;}
  .main-case .content .detail{padding-bottom: 10px;}
  .main-about .content .case-img img{width: 100%;}
    .nav{overflow: hidden}
    .main-enter .tabIntro .content .panel{width: 100%}
    .main-service .service-propmt{padding: 30px 20px;}
    .main.product .pro5{display: flex;justify-content: space-between;width: 100%;position: absolute;left: 50%;bottom: 0;transform: translateX(-50%);z-index: 5;margin: auto}
    /* .main.product .pro6 .p-title{color:'#051E5D';font-size: 20px;} */

}

/*大屏幕*/
@media screen and (min-width: 992px){
    .nav{max-height: 80px;}
    .nav.index{ background: #fff;;}
    .nav .nav-list button{display: none;}
    .nav .layui-nav{width: auto; position: absolute; top: 0; padding: 0 10px; border-radius: 0; margin: 0;}
    .nav .layui-nav .layui-nav-item{display: inline-block; margin:0 20px; line-height: 80px;font-size: 14px}
  .main-case .content{padding: 100px 0;}
  .main-case .content div.right{padding-left: 0;}
  /*.main-news .content .news-img{width: 20%;}*/
  /*.main-news .content .news-panel{width: 80%;}*/
  .main-fengcai .content{width: 31%;}
  .main-fengcai .content.even{margin-left: 0;}
  /*.main-news .content.even{width: 31%;margin-left: 0;}*/
  /*.main-news .content.center{margin-right: 3%; margin-left: 3%;}*/
  .main-fengcai .content.center{margin-right: 3%; margin-left: 3%;}
  .main-about .content{width: 31%;}
  .main-about .content.s4{width: 24%;}
  .main-about .content.even{margin-left: 0;}
  .main-about .content.center{margin-right: 3%; margin-left: 3%;}
    .main-enter .tabIntro .content .img{width:50%;height: 400px;}
    .main-service .content .content-right{padding: 10px 40px 0 48px;}
    .main-service .content .content-right>a{margin: 20px 0 0}
  /*.main-about .tabIntro .content p{padding: 0 50px; font-size: 20px; line-height: 40px;}*/
    .main.product .pro5{display: flex;justify-content: space-between;width: 80%;position: absolute;left: 50%;bottom: 0;transform: translateX(-50%);z-index: 5;margin: auto}
    .main.product .pro6{display: flex;justify-content: space-between;width: 100%;position: absolute;left: 50%;bottom: 0;transform: translateX(-50%);z-index: 5;margin: auto}
    .main.product .pro6 .p-title{color:'#051E5D';font-size: 20px;}

    .main.advantage .pro5{text-align: center;width: 90%;position: absolute;left: 50%;bottom: 0;transform: translateX(-50%)}
    .main.fangyi .kepu{position: absolute;left: 0;top: 0;right: 0;text-align: center}
    .main.fangyi .kepu>p{color: #fff;text-align: center}
    .main.fangyi .kepuImg{margin-bottom: 220px;}
    .main.service .pro6{position: absolute;left: 0;bottom: -50px;right: 0;text-align: center}
    .main.service .pro6>p{color: #fff}
    .main.fangyi .pro6>div>div{min-height: 345px}
    .main-enter .jingying{position: absolute;left: 0;top: 0;right: 0;text-align: center}
    .main-enter .jingying>p{color: #fff}
    .main-enter .pro5 p{color: #fff}
    .main-enter .kepuImg{margin-bottom: 370px;}
    .main-enter .pro6>div>div{min-height: 383px}

}
/*超大屏幕*/
@media screen and (min-width: 1200px) {
    .nav{max-height: 80px;}
    .nav.index{ background: #fff;;}
    .nav .nav-list button{display: none;}
    .nav .layui-nav{width: auto; position: absolute; top: 0; padding: 0 10px; border-radius: 0; margin: 0;}
    .nav .layui-nav .layui-nav-item{display: inline-block; margin:0 20px; line-height: 80px;font-size: 14px}
  /*.main-news .content .news-img{width: 35%;}*/
  /*.main-news .content .news-panel{width: 65%;}*/
  /*.main-news .content:nth-child(odd){padding-right: 20px;}*/
  /*.main-news .content:nth-child(even){padding-left: 20px;}*/
  /*.main-about .tabCour .timeline li .cour-panel{padding-left: 50px;}*/
  /*.main-about .tabCour .timeline li.odd .cour-panel{padding-left: 0; padding-right: 50px;}*/
    .main-enter .tabIntro .content .img{width:50%;height: 400px;}
    .main-service .content .content-right{padding: 58px 40px 0 48px}
    .main.product .pro5{display: flex;justify-content: space-between;width: 80%;position: absolute;left: 50%;bottom: 0;transform: translateX(-50%);z-index: 5;margin: auto}
    .main.product .pro6{display: flex;justify-content: space-between;width: 80%;position: absolute;left: 50%;bottom: 0;transform: translateX(-50%);z-index: 5;margin: auto}
    .main.product .pro6 .p-title{color:'#051E5D';font-size: 20px;}

    .main.advantage .pro5{text-align: center;width: 90%;position: absolute;left: 50%;bottom: 0;transform: translateX(-50%)}
    .main.fangyi .kepu{position: absolute;left: 0;top: 0;right: 0;text-align: center}
    .main.fangyi .kepu>p{color: #fff;text-align: center}
    .main.fangyi .kepuImg{margin-bottom: 220px;}
    .main.service .pro6{position: absolute;left: 0;bottom: 0;right: 0;text-align: center}
    .main.service .pro6>p{color: #fff}
    .main.fangyi .pro6>div>div{min-height: 310px}
    .main-enter .jingying{position: absolute;left: 0;top: 0;right: 0;text-align: center}
    .main-enter .jingying>p{color: #fff}
    .main-enter .pro5 p{color: #fff}
    .main-enter .kepuImg{margin-bottom: 255px;}
    .main-enter .pro6>div>div{min-height: 308px}

}
@media screen and (min-width: 1300px) {
    .nav{max-height: 80px;}
    .nav.index{ background: #fff;;}
    .nav .nav-list button{display: none;}
    .nav .layui-nav{width: auto; position: absolute; top: 0; padding: 0 10px; border-radius: 0; margin: 0;}
    .nav .layui-nav .layui-nav-item{display: inline-block; margin:0 20px; line-height: 80px;font-size: 14px}
  .layui-container{width: 1200px; padding: 0;}
  /*.main-about .tabJob .content:last-child{margin-bottom: 180px;}*/
  .nav .nav-logo{position: absolute; top: 0; left: 40px;}
  .layui-col-space80{margin: -40px;}
  .layui-col-space80>*{padding: 40px;}
    .main-enter .tabIntro .content .img{width:50%;height: 400px;}
    .main-service .content .content-right{padding: 58px 40px 0 48px}
    .main.product .pro5{display: flex;justify-content: space-between;width: 80%;position: absolute;left: 50%;bottom: 0;transform: translateX(-50%);z-index: 5;margin: auto;top: 120px;}
    .main.product .pro6{display: flex;justify-content: space-between;width: 80%;position: absolute;left: 50%;bottom: 0;transform: translateX(-50%);z-index: 5;margin: auto}
    .main.product .pro6 .p-title{color:'#051E5D';font-size: 20px;}
    .main.advantage .pro5{text-align: center;width: 90%;position: absolute;left: 50%;bottom: 0;transform: translateX(-50%)}
    .main.fangyi .kepu{position: absolute;left: 0;top: 0;right: 0;text-align: center}
    .main.fangyi .kepu>p{color: #fff;text-align: center}
    .main.fangyi .kepuImg{margin-bottom: 220px;}
    .main.service .pro6{position: absolute;left: 0;bottom: 0;right: 0;text-align: center}
    .main.service .pro6>p{color: #fff}
    .main.fangyi .pro6>div>div{min-height: 290px}
    .main-enter .jingying{position: absolute;left: 0;top: 0;right: 0;text-align: center}
    .main-enter .jingying>p{color: #fff}
    .main-enter .pro5 p{color: #fff}
    .main-enter .kepuImg{margin-bottom: 180px;}
    .main-enter .pro6>div>div{min-height: 300px}
}



/* 后期修改部分 */
.footer-list p{
    color:'#FFFFFF';
    /* font-size: 16px; */
}
.examplelogo{
    width: 72px;
}
.exampleTitle{
    color:'#051E5D' !important;
    font-size: 18px;
    margin :15px 0;
}
.exampleContent{
    color:'#AEA9B5';
}

.main.product .pro6 .p-line{
    width:100px;
    height: 3px;
    background-color:  #1EC7BB;
    margin: 20px 0 40px ;
}
.main.product .pro6 .p-block{
   min-height: 400px;
}
.layui-nav .layui-nav-child dd.layui-this a, .layui-nav-child dd.layui-this {
    background-color: #2F99F3;
    color: #fff;
    opacity: 1;
}

.center{
    text-align: center;
}
/* 银行 */
.banner.bank{background: url(../img/bank/bank1.png) no-repeat center center; background-size: cover;}
.bank-bg{background: url(../img/bank/bank5.png) no-repeat center center; background-size: cover;}
.main-product .bank-bg .content {
    /* padding: 60px 16px 0 16px; */
    text-align: center;
    transition: 0.3s;
    box-shadow: 0px 46px 115px -34px rgba(187,187,187,0.5);
    border-radius: 6px;
    height: 160px;
    background-color: #fff;
    background: url(../img/bank/bank6.png) no-repeat center center;background-size: cover;
}
.main-product .bank-bg .title {
    color:#fff
}

/* 押运系统 */

.banner.transportation{background: url(../img/transportation/transportation1.png) no-repeat center center; background-size: cover;}


/* 营销一体化 */
.banner.marketing{background: url(../img/marketing/marketing1.png) no-repeat center center; background-size: cover;}

.marketing-bg{
    background: url(../img/marketing/marketing3.png) no-repeat center center; background-size: cover;
}
.marketing-bg .content {
    text-align: center;
    border-radius: 50%;
    height: 130px;
    width: 130px;
    border: 1px solid #E6FEDE;
    padding: 0;
}
 .marketing-bg p.title {
    color:#fff;
    text-align: center;
    font-size: 48px;
    margin:  50px 0;
    display: block;
}
.marketing-bg .layui-container .container{
    display: flex;
    flex-direction: row;
}
.marketing-bg .layui-container  .index{
    color:#FAFAFA;
    font-size: 38px;
    margin-top: 10px;
}
.marketing-bg .layui-container  .val{
    color:#FAFAFA;
    font-size: 14px;
    margin-top: 15px;
}
.backUpNum:hover {
    color: #ed6d00;
}